iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
Mobile Development

React Native CLI 開發心法系列 第 2

DAY 2 - React Native 開發的成本與學習的管道

  • 分享至 

  • xImage
  •  

既然想選擇 React Native 作為開發工具,當然要先評估會有哪些成本?是否能負荷?進而開始學習。

使用 React Native CLI 開發 APP 會有哪些成本?

  • 一台 macOS 系統的電腦:
    開發 iOS App,必須使用 Mac 的電腦,因為 iOS App 需透過 Xcode 去開發,而 Xcode 只有 Mac 電腦才有,Andorid app 就不受限,無論是 macOS 或 windows 電腦皆可開發。那要買多好的規格呢?當然是有多少錢就直上可以參考XcodeBenchmark 去比較不同規格的性能差異,規格的差異是會影響 build app 的時間。
    如果使用 Expo Go 則不受限。
  • 一台性能不用太好的 Andorid 手機、iPhone:
    雖然說我們可以使用 Andorid 的模擬器或 Xcode 的模擬器去做開發,但某些情境下模擬器是無法真正還原的,ex: 推播在模擬器上是收不到的。使用性能不好的低階手機,有助於後續做效能的調校。
  • Google Play 上架費:一次性 25 美元。
  • App Store 上架費:99 美元/年。

學習 React Native 需要先點哪些技能?

基本:

  • Google 能力/現在也可以問 chatGPT
  • Javascript
  • React.js

不會也可以,但如果會更好:

  • TypeScript:在今年發佈 0.71 的版本更新中,直接將 TypeScript 做為預設。
  • Swift/Objective-C
  • Kotiln/Java

React Native 的學習管道

在學習的過程中發現 React Native 繁體中文的教學真的頗少的,以下我列了一些存在我書籤中的學習資源:

官方文件

免費/付費的線上課程

Youtube

  • Software Mansion: App.js Conf 2023 講了很多新版 React Native 的應用。
  • Reactiive: 刻 UI 元件、手勢、動畫教學。
  • Pradip Debnath:React Navigation、串接 firebase、刻 UI 元件等教學。
  • William Candillon: 使用 React Native clone 了一堆知名軟體的功能。

其實只要打對關鍵字,影片的教學還蠻多的~

文章

閱讀相關的文章是我比較常學習的方式,通常我都是用關鍵字+以下網站名稱去搜,但是要注意內容是不是在 2-3 年內,有些太舊的內容已經不符合現在的版本了:


上一篇
DAY 1 - 前言&React Native 簡介
下一篇
DAY 3 接手 React Native CLI 專案應該知道的事 - React Native CLI 篇
系列文
React Native CLI 開發心法31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言